<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>编辑转发</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/source.css" />
	</head>

	<body>
		<!--顶部-->
		<header class="share">
			<a href="javascript:history.go(-1)" class="iconfont icon-arrow-left"></a>
			<a href="#" class="myshare">保存</a>
		</header>
		<!--顶部-->
		<!--内容-->
		<div class="container pt2">
			<div class="source-box">
				<div class="edit-name row">
					<input type="text" value="三亚湾3房豪华海景推荐" />
					<i class="iconfont icon-guanbi-copy" onclick="clickW(this)"></i>
				</div>
				<div class="block4"></div>
				<div class="type row">
					<span>3房2厅2卫</span>
					<span>110㎡</span>
					<span>公寓</span>
					<span>70年住宅</span>
				</div>
				<div class="block4"></div>
				<div class="edit-b">
					<div class="edit-intro">
						<p>编辑楼盘介绍</p>
						<div>
							<textarea rows="5">北纬18℃以上，雅居乐清水湾携手摩根士丹利斥资300亿，精耕6载打造1.5万亩滨海度假王国，如今沿海16公里</textarea>
						</div>
					</div>
					<div class="block4"></div>
					<div class="edit-intro">
						<p>编辑楼盘图片</p>
						<ul class="row">
							<li>
								<img src="../img/gugu.jpg" />
								<i class="iconfont icon-guanbi" onclick="delImg(this)"></i>
							</li>
							<li>
								<img src="../img/gugu.jpg" />
								<i class="iconfont icon-guanbi" onclick="delImg(this)"></i>
							</li>
							<li>
								<img src="../img/gugu.jpg" />
								<i class="iconfont icon-guanbi" onclick="delImg(this)"></i>
							</li>
							<li>
								<span></span>
								<i class="iconfont icon-plus_edit" onclick="delImg(this)"></i>
							</li>
						</ul>
					</div>
					<div class="edit-intro">
						<p>编辑户型图片</p>
						<ul class="row">
							<li>
								<img src="../img/gugu.jpg" />
								<i class="iconfont icon-guanbi"></i>
							</li>
							<li>
								<img src="../img/gugu.jpg" />
								<i class="iconfont icon-guanbi"></i>
							</li>
							<li>
								<img src="../img/gugu.jpg" />
								<i class="iconfont icon-guanbi"></i>
							</li>
							<li>
								<span></span>
								<i class="iconfont icon-plus_edit"></i>
							</li>
						</ul>
					</div>
					<div class="edit-intro">
						<p>编辑室内图片</p>
						<ul class="row">
							<li>
								<img src="../img/gugu.jpg" />
								<i class="iconfont icon-guanbi"></i>
							</li>
							<li>
								<img src="../img/gugu.jpg" />
								<i class="iconfont icon-guanbi"></i>
							</li>
							<li>
								<img src="../img/gugu.jpg" />
								<i class="iconfont icon-guanbi"></i>
							</li>
							<li>
								<span></span>
								<i class="iconfont icon-plus_edit"></i>
							</li>
						</ul>
					</div>
				</div>
				<div class="block4"></div>
				<div class="param edit-param">
					<div class="edit-intro">
						<p>编辑楼盘参数</p>
					</div>
					<ul>
						<li class="row">
							<label>开发商</label>
							<div class="row">
								<input type="text" value="海南美豪利投资有限公司" />
								<i class="iconfont icon-guanbi-copy" onclick="clickW(this)"></i>
							</div>
						</li>
						<li class="row">
							<label>产权</label>
							<div class="row">
								<input type="text" value="70年" />
								<i class="iconfont icon-guanbi-copy" onclick="clickW(this)"></i>
							</div>
						</li>
						<li class="row">
							<label>装修</label>
							<div class="row">
								<input type="text" value="精装修" />
								<i class="iconfont icon-guanbi-copy" onclick="clickW(this)"></i>
							</div>
						</li>
						<li class="row">
							<label>交房时间</label>
							<div class="row">
								<input type="text" value="2017年2月" />
								<i class="iconfont icon-guanbi-copy" onclick="clickW(this)"></i>
							</div>
						</li>
					</ul>
					<div class="triggle row" onclick="triggle(this)"><i class="iconfont icon-arrow-down"></i></div>
				</div>
				<div class="block4"></div>
				<div class="edit-intro">
					<p>编辑户型点评</p>
					<div>
						<textarea rows="5">北纬18℃以上，雅居乐清水湾携手摩根士丹利斥资300亿，精耕6载打造1.5万亩滨海度假王国，如今沿海16公里</textarea>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/jquery.min.js"></script>
		<script src="../js/wap.js"></script>
		<script type="text/javascript">
			//清空输入框的数据
			function clickW(e) {
				$(e).parent().find('input').val('');
				$(e).parent().find('input').focus();
			}
			//删除照片
			function delImg(e) {
				$(e).parent('li').remove();
			}
			$('.edit-param ul li:gt(2)').css('display','none');
			function triggle(e){
				if($(e).children('i').hasClass('icon-arrow-down')){
					$(e).children('i').removeClass('icon-arrow-down').addClass('icon-arrow-up');
					$('.edit-param ul li').css('display','flex');
				} else {
					$(e).children('i').removeClass('icon-arrow-up').addClass('icon-arrow-down');
					$('.edit-param ul li:gt(2)').css('display','none');
				}
			}
		</script>
	</body>

</html>